<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<link href="css/public.css" rel="stylesheet" />
		<script src="js/jQuery.js"></script>
		<script src="js/wap.js"></script>
	</head>
	<body>
		<object style="border:0px" type="text/x-scriptlet" data="header.html" width=100% height=60px></object>
		<article>
			<div class="left_box">
				<div class="banbox">
					<div class="banner">
						<div id="banner" class="fader">

							<li class="slide" style=" "><a href="/web/html/14.html" target="_blank"><img src="http://jxhx2.yangqq.com/skin/jxhx/images/1.jpg"></a></li>

							<li class="slide" style="z-index: 3;  opacity: 1;"><a href="/web/wzjs/19.html" target="_blank"><img src="http://jxhx2.yangqq.com/skin/jxhx/images/3.jpg"></a></li>

							<li class="slide" style=" "><a href="/web/wzjs/21.html" target="_blank"><img src="http://jxhx2.yangqq.com/skin/jxhx/images/4.jpg"></a></li>
							<div class="fader_controls">
								<div class="page prev" data-target="prev"></div>
								<div class="page next" data-target="next"></div>
								<ul class="pager_list">
									<li class="page" data-target="0">0</li>
									<li class="page" data-target="1">1</li>
									<li class="page active" data-target="2">2</li>
									<li class="page" data-target="3">3</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="headline">
					<ul>
						<li><a href="/notice/27.html" title="为什么说10月24日是程序员的节日？"><img src="http://jxhx2.yangqq.com/skin/jxhx/images/h1.jpg"
								 alt="为什么说10月24日是程序员的节日？"><span>为什么说10月24日是程序员的节日？</span></a></li>
						<li><a href="/notice/26.html" title="个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。"><img src="http://jxhx2.yangqq.com/skin/jxhx/images/h2.jpg"
								 alt="个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。"><span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</span></a></li>
					</ul>
				</div>
				<div class="tab_box whitebg">
					<div class="tab_buttons">
						<ul>
							<li class="newscurrent">个人博客</li>
							<li>CSS3|Html5</li>
						</ul>
					</div>
					<div class="newstab">
						<div class="newsitem" style="display: block;">
							<div class="newspic">
								<ul>
									<li><a href="/blog/4.html"><img src="http://jxhx2.yangqq.com/skin/jxhx/images/4.jpg"><span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的</span></a></li>
									<li><a href="/blog/3.html"><img src="http://jxhx2.yangqq.com/skin/jxhx/images/2.jpg"><span>个人博客，属于我的小世界！</span></a></li>

								</ul>
							</div>
							<ul class="newslist">
								<li><i></i><a href="/blog/7.html" title="安静地做一个爱设计的女子">安静地做一个爱设计的女子</a>
									<p>自从入了这行，很多人跟我说可以做网络教程，我也有考虑，但最终没有实现，因为我觉得在这个教程泛滥的时代，直接做一套免费的原创个人博客模板更为实在。每当看到自己喜欢的配色图片</p>
								</li>
								<li><i></i><a href="/blog/6.html" title="电话以外的宁静">电话以外的宁静</a>
									<p>电话很久没有响过了，我的QQ也很久没有在线了，消失了很多天，刚刚结识的朋友因为我身上又起了红疹，每天都发来消息询问我的情况，我做到了这么多天来的沉默，我相信，没有网络，我还是可以继续我自己的生活</p>
								</li>
								<li><i></i><a href="/blog/5.html" title="遇见一个未知的你">遇见一个未知的你</a>
									<p>听着那熟悉的歌曲看着那一张张可爱的图片.-读着我们共同欣赏的诗……也许我们曾经相遇,看着你远去的背影 ,沿着你来的方向 ,回忆时间穿梭于幸福的点点滴滴....</p>
								</li>
								<li><i></i><a href="/blog/4.html" title="个人网站做好了，百度不收录怎么办？来，看看他们怎么做的">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的...</a>
									<p>不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了</p>
								</li>
								<li><i></i><a href="/blog/3.html" title="个人博客，属于我的小世界！">个人博客，属于我的小世界！</a>
									<p>个人博客，用来做什么？我刚开始就把它当做一个我吐槽心情的地方，也就相当于一个网络记事本，写上一些关于自己生活工作中的小情小事，也会放上一些照片，音乐。每天工作回家后就能访问自己的网站，一边听着音乐，一边写写文章。</p>
								</li>

							</ul>
						</div>

						<div class="newsitem" style="display: none;">
							<div class="newspic">
								<ul>
									<li><a href="/web/html/14.html"><img src="http://www.yangqq.com/d/file/jstt/css3/2018-03-20/718b56be9dbf920cc0a6124545216654.jpg"><span>十条设计原则教你学会如何设计网页布局!</span></a></li>
									<li><a href="/web/html/13.html"><img src="http://www.yangqq.com/d/file/jstt/css3/2018-03-25/393d21b65031dd0d85eb2e5789a97b1e.jpg"><span>别让这些闹心的套路，毁了你的网页设计</span></a></li>

								</ul>
							</div>
							<ul class="newslist">
								<li><i></i><a href="/web/html/17.html" title="【分享】css3侧边栏导航不同方向划出效果">【分享】css3侧边栏导航不同方向划出效果</a>
									<p>设定一组侧边栏导航菜单，然后可以从任何一边滑出。有两种实现方式，一种固定菜单，一种从左右两侧推出</p>
								</li>
								<li><i></i><a href="/web/html/16.html" title="使用CSS3制作文字、图片倒影">使用CSS3制作文字、图片倒影</a>
									<p>CSS3制作文字、图片倒影需要涉及到使用CSS3.0新属性之box-reflect。box-reflect属性目前仅在Chrome、Safari和Opera浏览器下支持，但这并不影响我们来学习这个属性的应用</p>
								</li>
								<li><i></i><a href="/web/html/15.html" title="三步实现滚动条触动css动画效果">三步实现滚动条触动css动画效果</a>
									<p>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力</p>
								</li>
								<li><i></i><a href="/web/html/14.html" title="十条设计原则教你学会如何设计网页布局!">十条设计原则教你学会如何设计网页布局!</a>
									<p>网页常见的布局有很多种,单列布局,多列布局.其中单列布局是国外很多网站比较常用的.咱们很多站长以及门户网站都使用的是是两列布局,很少用三列布局的.下面我来分享下我们常用的网页布局格式以及设计技巧</p>
								</li>
								<li><i></i><a href="/web/html/13.html" title="别让这些闹心的套路，毁了你的网页设计">别让这些闹心的套路，毁了你的网页设计</a>
									<p>网页设计和做人一样，需要少一些套路，多一些真诚。那么下面就为大家揭穿那些看似好用，但用户体验并不好的设计模式。另外再附上解决办法，避免网页设计中出现这些问题</p>
								</li>

							</ul>
						</div>
					</div>
				</div>
				<div class="recommend whitebg">
				      <h2 class="htitle"><span class="hnav"><a href="/e/tags/?tagname=%E5%B8%9D%E5%9B%BDcms&amp;tempid=8" target="_blank">帝国cms</a> &nbsp; <a href="/e/tags/?tagname=%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2&amp;tempid=8" target="_blank">个人博客</a> &nbsp; <a href="/e/tags/?tagname=%E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C&amp;tempid=8" target="_blank">网站制作</a> &nbsp; <a href="/e/tags/?tagname=%E8%AE%BE%E8%AE%A1&amp;tempid=8" target="_blank">设计</a></span>站长推荐</h2>
				      <ul>
				<li> <i class="recommend_pic"><a href="/notice/30.html" target="_blank"><img src="http://www.yangqq.com/d/file/jstt/web/2018-10-16/56c49531df63eec5ccc3840e68f3ac21.png"></a></i> <b>【个人博客空间申请】金牛云服，免费领空间啦</b><span>还在愁域名购买了，如何选择主机或者服务器吗？
				
				其实选择主机或者服务器有几个重要的选项，比如，线路，CPU，内存，带宽，网页空间，数据库，月流量等等。那什么是主机，什么是服务器，他们的区别</span><a href="/notice/30.html" target="_blank" class="readmore">文章阅读</a> </li>
				<li> <i class="recommend_pic"><a href="/notice/29.html" target="_blank"><img src="http://www.yangqq.com/d/file/jstt/web/2018-11-03/e3d39beb4e61d8545d6fbda2dc7a4b71.png"></a></i> <b>双十一，阿里云特惠活动，快来领券啦</b><span>一折的产品，有没有看错，咱来看看，到底是哪些一折，想买空间吗？算了吧，服务器的价钱都比空间便宜呢，那肯定买服务器啊，咱来看看阿里云一折的服务器哪些好</span><a href="/notice/29.html" target="_blank" class="readmore">文章阅读</a> </li>
				<li> <i class="recommend_pic"><a href="/notice/28.html" target="_blank"><img src="http://www.yangqq.com/d/file/blogs/2018-06-11/372b79556c82ac59a8c46eda53f177c4.jpg"></a></i> <b>第二届 优秀个人博客模板比赛参选活动</b><span>只要你是在校大学生，不管你是新生，还是即将毕业，不管你是前端菜鸟，还是前端大神，只要你会html，这里将会是你展示才能的大平台。</span><a href="/notice/28.html" target="_blank" class="readmore">文章阅读</a> </li>
				<li> <i class="recommend_pic"><a href="/notice/27.html" target="_blank"><img src="/skin/jxhx/images/h1.jpg"></a></i> <b>为什么说10月24日是程序员的节日？</b><span>创立“程序员节”最早是来自俄文《计算机世界》（《Компьютерра》）出版社的主编德米特里·门德列留科（Дмитрий Мендрелюк）在1996年7月15日的想法，当时计划将节日命名为“计算机用户节”，定在每年9月份的第一个星期五，称之为“纯净的星期五</span><a href="/notice/27.html" target="_blank" class="readmore">文章阅读</a> </li>
				<li> <i class="recommend_pic"><a href="/notice/26.html" target="_blank"><img src="/skin/jxhx/images/h2.jpg"></a></i> <b>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</b><span>不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了。
				
				大多数人在没有</span><a href="/notice/26.html" target="_blank" class="readmore">文章阅读</a> </li>
				<li> <i class="recommend_pic"><a href="/xd/25.html" target="_blank"><img src="http://www.yangqq.com/d/file/news/life/2014-07-31/ae167e7d81612318949460aad1143e0d.jpg"></a></i> <b>即便是坑，我也想要拉你入伙！</b><span>对于刚毕业的学生来说，想学习建网站，掌握一技之长，最简单的入门无非就是学会html和css，先前发表过一篇文章《如果要学习web前端开发，需要学习什么？》，如果你还不知道如何着手，请仔细阅读....7天的时间，入门是没有问题的，当然，如果你用心的话！</span><a href="/xd/25.html" target="_blank" class="readmore">文章阅读</a> </li>
				
				    </ul>
				    </div>
				<div class="advertising whitebg"><a href="http://www.yangqq.com/download/div/917.html" target="_blank"><img src="http://jxhx2.yangqq.com//skin/jxhx/images/longad.jpg"></a></div>
				<div class="whitebg bloglist">
				      <h2 class="htitle">最新博文</h2>
				      <ul>
				
				
				        <li>
				          <h3 class="blogtitle"><b>【顶】</b><a href="/xd/23.html" target="_blank">作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a></h3>
				           <span class="blogpic imgscale"><i><a href="/xd/" target="_blank">设计心得</a></i><a href="/xd/23.html" title="作为一个设计师,如果遭到质疑你是否能恪守自己的原则?"><img src="http://www.yangqq.com/d/file/news/life/2018-06-29/75842f4d1e18d692a66c38eb172a40ab.jpg" alt="作为一个设计师,如果遭到质疑你是否能恪守自己的原则?"></a></span>
				          <p class="blogtext">就拿我自己来说吧，有时候会很矛盾，设计好的作品，不把它分享出来，会觉得待在自己电脑里面实在是没有意义。干脆就发布出去吧。我也害怕收到大家不好的评论，有些评论，可能说者无意，但是对于每一个用心的站长来说，都会受很深 </p>
				          <p class="bloginfo"><i class="avatar"><script src="/d/js/acmsd/thea6.js"></script><a href="/about/" target="_blank"><img src="http://jxhx2.yangqq.com//skin/jxhx/images/avatar.jpg" border="0" width="30" height="30" alt=""></a></i><span></span><span>2018-11-08</span><span>【<a href="/xd/" target="_blank">设计心得</a>】</span></p>
				          <a href="/xd/23.html" class="viewmore">阅读更多</a> </li>
				
				
				
				        <li>
				          <h3 class="blogtitle"><b>【顶】</b><a href="/web/html/14.html" target="_blank">十条设计原则教你学会如何设计网页布局!</a></h3>
				           <span class="blogpic imgscale"><i><a href="/web/html/" target="_blank">CSS3|Html5</a></i><a href="/web/html/14.html" title="十条设计原则教你学会如何设计网页布局!"><img src="http://www.yangqq.com/d/file/jstt/css3/2018-03-20/718b56be9dbf920cc0a6124545216654.jpg" alt="十条设计原则教你学会如何设计网页布局!"></a></span>
				          <p class="blogtext">网页常见的布局有很多种,单列布局,多列布局.其中单列布局是国外很多网站比较常用的.咱们很多站长以及门户网站都使用的是是两列布局,很少用三列布局的.下面我来分享下我们常用的网页布局格式以及设计技巧 </p>
				          <p class="bloginfo"><i class="avatar"><script src="/d/js/acmsd/thea6.js"></script><a href="/about/" target="_blank"><img src="http://jxhx2.yangqq.com//skin/jxhx/images/avatar.jpg" border="0" width="30" height="30" alt=""></a></i><span></span><span>2018-11-08</span><span>【<a href="/web/html/" target="_blank">CSS3|Html5</a>】</span></p>
				          <a href="/web/html/14.html" class="viewmore">阅读更多</a> </li>
				
				
				
				        <li>
				          <h3 class="blogtitle"><b>【顶】</b><a href="/blog/7.html" target="_blank">安静地做一个爱设计的女子</a></h3>
				           <span class="blogpic imgscale"><i><a href="/blog/" target="_blank">个人博客</a></i><a href="/blog/7.html" title="安静地做一个爱设计的女子"><img src="http://jxhx2.yangqq.com//skin/jxhx/images/b02.jpg" alt="安静地做一个爱设计的女子"></a></span>
				          <p class="blogtext">自从入了这行，很多人跟我说可以做网络教程，我也有考虑，但最终没有实现，因为我觉得在这个教程泛滥的时代，直接做一套免费的原创个人博客模板更为实在。每当看到自己喜欢的配色图片 </p>
				          <p class="bloginfo"><i class="avatar"><script src="/d/js/acmsd/thea6.js"></script><a href="/about/" target="_blank"><img src="http://jxhx2.yangqq.com//skin/jxhx/images/avatar.jpg" border="0" width="30" height="30" alt=""></a></i><span></span><span>2018-11-08</span><span>【<a href="/blog/" target="_blank">个人博客</a>】</span></p>
				          <a href="/blog/7.html" class="viewmore">阅读更多</a> </li>
				
				
				
				 <!--10条 1栏目名称 18最新 5标签id-->
				      </ul>
				    </div>
			</div>
			<div class="right_box">
				<div class="card">
				      <h2>我的名片</h2>
				      <p>网名：DanceSmile | 即步非烟</p>
				      <p>职业：Web前端设计师、网页设计</p>
				      <p>现居：四川省-成都市</p>
				      <p>Email：dancesmiling@qq.com</p>
				    </div>
				<div class="whitebg notice">
				      <h2 class="htitle">最近更新</h2>
				      <ul>
						<li><a href="/notice/30.html" title="【个人博客空间申请】金牛云服，免费领空间啦" target="_blank">【个人博客空间申请】金牛云服，免费领空间啦</a></li>
						<li><a href="/notice/29.html" title="双十一，阿里云特惠活动，快来领券啦" target="_blank">双十一，阿里云特惠活动，快来领券啦</a></li>
						<li><a href="/notice/28.html" title="第二届 优秀个人博客模板比赛参选活动" target="_blank">第二届 优秀个人博客模板比赛参选活动</a></li>
						<li><a href="/notice/27.html" title="为什么说10月24日是程序员的节日？" target="_blank">为什么说10月24日是程序员的节日？</a></li>
					</ul>
				    </div>
				<div class="whitebg ranking ">
				      <h2 class="htitle">点击排行</h2>
				            <section class="topnews imgscale"><a href="/blog/7.html"><img src="http://jxhx2.yangqq.com//skin/jxhx/images/b02.jpg"><span>安静地做一个爱设计的女子</span></a></section>
				      <ul>
				        <li><i></i><a href="/web/html/14.html" title="十条设计原则教你学会如何设计网页布局!" target="_blank">十条设计原则教你学会如何设计网页布局!</a></li>
				        <li><i></i><a href="/xd/23.html" title="作为一个设计师,如果遭到质疑你是否能恪守自己的原则?" target="_blank">作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a></li>
				        <li><i></i><a href="/xd/1.html" title="Come on,行动起来吧!我们和时间来一场赛跑!" target="_blank">Come on,行动起来吧!我们和时间来一场赛跑!</a></li>
				        <li><i></i><a href="/notice/27.html" title="为什么说10月24日是程序员的节日？" target="_blank">为什么说10月24日是程序员的节日？</a></li>
				        <li><i></i><a href="/notice/26.html" title="个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。" target="_blank">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
				        <li><i></i><a href="/notice/30.html" title="【个人博客空间申请】金牛云服，免费领空间啦" target="_blank">【个人博客空间申请】金牛云服，免费领空间啦</a></li>
				        <li><i></i><a href="/web/wzjs/21.html" title="如何快速建立自己的个人博客网站" target="_blank">如何快速建立自己的个人博客网站</a></li>
				      </ul>
				    </div>
				<div class="whitebg recommend_web">
				      <h2 class="htitle">站长推荐</h2>
				          <section class="topnews imgscale"><a href="/xd/23.html"><img src="http://www.yangqq.com/d/file/news/life/2018-06-29/75842f4d1e18d692a66c38eb172a40ab.jpg"><span>作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</span></a></section>
				      <ul>
				
				        <li><a href="/web/html/14.html" title="十条设计原则教你学会如何设计网页布局!" target="_blank"><i><img src="http://www.yangqq.com/d/file/jstt/css3/2018-03-20/718b56be9dbf920cc0a6124545216654.jpg"></i>
				          <p>十条设计原则教你学会如何设计网页布局!</p>
				          </a></li>
				
				        <li><a href="/notice/30.html" title="【个人博客空间申请】金牛云服，免费领空间啦" target="_blank"><i><img src="http://www.yangqq.com/d/file/jstt/web/2018-10-16/56c49531df63eec5ccc3840e68f3ac21.png"></i>
				          <p>【个人博客空间申请】金牛云服，免费领空间啦</p>
				          </a></li>				
				      </ul>
				    </div>
				<div class="advertising whitebg imgscale">
				      <ul>
				        <a href="http://www.yangqq.com/download/div/917.html" target="_blank"><img src="http://jxhx2.yangqq.com//skin/jxhx/images/ad.jpg"></a>      </ul>
				    </div>
				<div class="whitebg guess_love">
				      <h2 class="htitle">猜你喜欢</h2>
				      <ul>
				                        <li><a target="_blank" href="/web/html/14.html">十条设计原则教你学会如何设计网页布局!</a></li>
				                        <li><a target="_blank" href="/xd/23.html">作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a></li>
				                        <li><a target="_blank" href="/blog/7.html">安静地做一个爱设计的女子</a></li>
				                        <li><a target="_blank" href="/xd/1.html">Come on,行动起来吧!我们和时间来一场赛跑!</a></li>
				                        <li><a target="_blank" href="/web/wzjs/22.html">【个人博客网站制作】自己不会个人博客网站制作，你会选择用什么博客程序源码？</a></li>
				                        <li><a target="_blank" href="http://www.css3maker.com/">CSS3 Maker 在线生成代码</a></li>
				                        <li><a target="_blank" href="/blog/6.html">电话以外的宁静</a></li>
				                        <li><a target="_blank" href="/notice/28.html">第二届 优秀个人博客模板比赛参选活动</a></li>
				                        <li><a target="_blank" href="/xd/25.html">即便是坑，我也想要拉你入伙！</a></li>
				                        <li><a target="_blank" href="/web/html/13.html">别让这些闹心的套路，毁了你的网页设计</a></li>
				                   </ul>
				    </div>
				<div class="whitebg statistics">
				      <h2 class="htitle">站点信息</h2>
				      <ul>
				        <li><b>建站时间</b>：2018-10-24</li>
				        <li><b>网站程序</b>：帝国CMS7.5</li>
				        <li><b>主题模板</b>：<a href="http://www.yangqq.com" target="_blank">《今夕何夕》</a></li>
				        <li><b>文章统计</b>：<a href="/time/" target="_blank">31</a>篇文章</li>
				        <li><b>标签管理</b>：<a href="/tags.html" target="_blank">标签云</a></li>
				        <li><b>统计数据</b>：<a href="/" target="_blank">百度统计</a></li>
				      </ul>
				    </div>
				<div class="links whitebg">
				      <h2 class="htitle">友情链接</h2>
				      <ul>
				           <li><a href="http://www.yangqq.com" target="_blank">个人博客模板</a></li>
				            </ul>
				    </div>
			</div>
		</article>
		<object style="border:0px" type="text/x-scriptlet" data="footer.html" width=100% height=190px></object>
	</body>
</html>
